<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实验2</title>
    <style>
        .box
        {
            padding-left: 5px;
            padding-right: 5px;
            color: azure;
            background: rgb(77, 238, 13);
            border-radius: 3px;
        }
        .box2
        {
            padding-left: 5px;
            padding-right: 5px;
            color: azure;
            background: rgb(238, 13, 55);
            border-radius: 3px;
        }
    ‹/style>
    ‹style>
        #box3 table
        {
         border-collapse: collapse;
         width: 100%;
         border-bottom: black;
        }
        #box3 table, #box3 th, #box3 td{
         text-align: center;
         padding-top: 10px ;
         padding-left: 10px;
         padding-bottom: 10px;
         padding-right: 10px;
        }
        #box3 tr:nth-child(even)
        {
            background-color: rgb(211, 211, 211);
        }
    </style›
    ‹style>
        a: hover
        {
            text-decoration:none;
            color: floralwhite;
            background-color: darkred;
            border-radius: 8px;
            padding-top: 8px;
            padding-left: 20px;
            padding-bottom:8px;
            padding-right: 20px;
        }
    </style>
</head>
<body>
    <h1>学生信息</h1>
    <p>
        <div class="text">
         <span class="box1">说明：以下为2046级学生名单，共4人，</span>
         <span class="box">成功加载3人。 </span>
         <span class="box2">警告：列表不含隆级学生。</span>
        </div>
    </p>
    <p>
        <table id="box3">
            <tr>
                <th><strone>#</strong></th>
                <th><strone>姓名</strong></th>
                <th><strong>班级</strong></th>
                <th><strong>Email</strong></th>
                <th><strong>操作</strong></th>
            </tr>
            <tr>
                <td>1</td>
                <td>郭立新</td>
                <td>软件工程2046级1班</td>
                <td>guo@example.com</td>
                <td>
                    <a herf=""><button>修改</button></a>
                    <a herf=""><button>删除</button></a>
                </td>
            </tr>
            <tr>
                <td>2</td>    
                <td>黄英</td>
                <td>软件工程2046级1班</td>
                <td>huang@example.com</td>
                <td>
                    <a herf=""><button>修改</button></a>
                    <a herf=""><button>删除</button></a>
                </td> 
            </tr>
            <tr>
                <td>3</td>
                <td>吕惠玲</td>
                <td>软件工程2046级1班</td>
                <td>lv@example.com</td>
                <td>
                    <a herf=""><button>修改</button></a>
                    <a herf=""><button>删除</button></a>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td>李皓田</td>
                <td>数字媒体技术一班</td>
                <td>1029973178@qq.com</td>
                <td>
                    <a herf=""><button>修改</button></a>
                    <a herf=""><button>删除</button></a>
                </td>
            </tr>       
        </table>
        </p >
    </body>
</html>